<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<style>
	*{
		margin: 0px;
		padding: 0px;
		font-family: '微软雅黑';
	}
	.titleName {
		width: 100%;
		height: 100px;
		background-color: #003371;
		font-size: 40px;
		color:white;
		text-align: center; 
		line-height: 100px;
	}
	.choice {
		width: 100%;
		height: 500px;
		background-color:#778899; 
		font-size: 20px;
		color: white;
	}
	ul{
		list-style: none;
	}
	li{
		display: block;
	}
	.imgOne {
		width: 100px;
		height: 100px;
		margin-top: 50px;
		margin-left: 42%;
		border-radius: 10px;

	}
	.getOne{
		text-align: center;
		line-height: 100px;
		float:right;
		margin-top: 50px;
		margin-right:42%;
	}
</style>
</head>
<body>
	<div class="titleName">在线考试系统</div>
	<div class="choice">
		<ul>
			<li>
				<a href="index.jsp">
				<img src="common/imgs/admin.jpg" class="imgOne">
				<div class="getOne"><a href="pages/login.jsp">管理入口</a></div></a>
			</li>
			<li>
				<a href="index.jsp">
				<img src="common/imgs/teacher.jpg" class="imgOne">
				<div class="getOne"><a href="pages/login.jsp">教师入口</a></div></a>
			</li>
			<li>
				<a href="index.jsp">
				<img src="common/imgs/student.jpg" class="imgOne">
				<div class="getOne"><a href="pages/login.jsp">学生入口</a></div></a>
			</li>
		</ul>
	</div>
<a href="pages/left.jsp">登录</a>
	   
</body>
</html>